<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .rocket {
            position: fixed;
            right: 50px;
            bottom: 100px;
            display: none;
        }
    </style>
</head>
<body>
<span class="rocket" id="backTop">
    <img src="images/Top.jpg" alt=""/>
</span>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
<p>开始页面内容</p>
</body>
</html>
<script src="my.js" type="text/javascript"></script>

<script>
    window.onload = function() {
        var timer = null,leader = 0,target = 0;
       // leader 当前的位置    target 目标位置
        window.onscroll = function() {
            scroll().top > 0 ? show("backTop") : hide("backTop");
            // 如果大于0  就显示  否则 就隐藏
            leader = scroll().top;   // 存储当前的位置
        }
        $("backTop").onclick = function() {
            clearInterval(timer);
            timer = setInterval(function() {
                var step = (target - leader) / 10;
                step = step > 0 ? Math.ceil(step) : Math.floor(step);
                leader = leader + step;
                window.scrollTo(0,leader);   // 去往页面中的某个位置
                console.log(leader);
                if(leader == target) {
                    clearInterval(timer);
                }
            },30);
        }
        // 复习我们的缓动公式   leader = leader + (target - leader ) / 10;
        // target 我们一定知道 就是  0
        // 但是 leader 当前的位置 不知道   但是我们可以通过 scrollTop






    }
</script>